<!DOCTYPE html>
<html>
    <head>
        <!-- 当前文档的字符集编码为utf-8 -->
        <meta charset="utf-8">
        <meta name = "author" content="wyrQF">
        <meta name="keywords" content="CGI开发 H5模版 千锋教育 西安物联网">
        <title>HTML5模版-主页</title>
        <!-- 引入外联样式 -->
        <link rel="stylesheet" href="/css/my.css">
        <style>
            /*页内样式的定义语法    CSS选择器{样式名：值; 样式名2：值2;}
              CSS选择器：   id选择器   class类选择器   标签选择器   后代选择器 
                           群组选择器    属性选择器  伪类选择器
            */  
            /* span 标签选择器，作用于当前页面的所有span标签 */
            span{
                color: rgb(190, 101, 234);
                font-size: 20px;
            }
        </style>
    </head>
    <body>
        <div>
            <!-- 标签内样式 ，只影响标签自己-->
            <span>1</span>
            <span>2</span>
            <!-- 标签内样式优先级高于页内样式 -->
            <span style="color: darkblue !important;" >3</span>
        </div>
        <div>
            <span>4</span>
            <span>5</span>
            <span>6</span>
        </div>
        <div>
            <span>7</span>
            <span>8</span>
            <span>9</span>
        </div>
       
    </body>
</html>
